<html>
 <head>
  <title>Welcome to Whisper Muse</title>
  
  <style type="text/css">
	a:link
	{
		color: yellow;
	}
	a:visited
	{
		color: #006699;
	}
	a:hover
	{
		color: yellow;
	}
	a:active
	{
		color: #00FF99;
	}

	.title
	{
		font-family: verdana, arial, sans-serif;
		font-size: 38px;
		color: yellow;
	}

	* 
	{
		background-color: black;
		padding: 0;
		margin: 0;
	}

	.container 
	{
		margin-left: auto;
		margin-right: auto;
		width: 900px;
		
		background-color: black;
		background-repeat: no-repeat;
	}

	.clear 
	{
		
		clear: both;
		display: block;
	}

	#content
	{
		margin-left: 0px;
		margin-top: 150px;
		display: inline;
		float: left;
		position: relative;
 	 	width: 900px;
 		height: 600px;
	}
   </style>
 </head>

<body>
	<div class="container">
		<!-- Content -->
		<div id="content">
			<font face="verdana" color="yellow">
				<center>
					<p class="title">Welcome To<br>Whisper Muse</p>
					<br>
					<br>
					<br>
					<br>
					<%= form_tag :action => 'process_login' %>
					Username:<br>
					<%= text_field "user", "username", { :style => 'color:#fff;' } %>
					<br>
					<br>
					Password:<br>
					<%= password_field "user", "password", { :style => 'color:#fff;' } %>
					<br>
					<br>
					<%= submit_tag :'Login', { :style => 'color:#fff;' } %>
					<br>
                    <br>
                    </font>
                    <font face="verdana" color="red">
					<% if flash[:error] %>
      					<%= flash[:error] %>
    				<% end %>
    				</font>
    				<font face="verdana" color="green">
					<% if flash[:notice] %>
      					<%= flash[:notice] %>
    				<% end %>
    				</font>
    				<br>
    				<font face="verdana" color="yellow">
					<%= link_to 'Create A New Account', "create_account", :confirm => 'Are you sure?', :method => "create_account" %>
					<!--<%= link_to 'Logout', "login", :confirm => 'Are you sure?', :method => "logout" %>-->
				</center>
			</font>
		</div>
		<div class="clear">
		</div>
	</div>
</body>
</html>